<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/theme-chalk/index.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/index.js"></script>



<!--https://element.eleme.cn/#/zh-CN/component/card-->
<div id="app8" style="font-size: 14px;">
	<el-card class="box-card">
		<div slot="header" class="clearfix">
			<span>卡片名称</span>
			<el-button style="float: right; padding: 3px 0" type="text" @click="handleNodeClick">操作按钮</el-button>
		</div>
		<div v-for="o in date" :key="o" class="text item">
			{{o}}
		</div>
	</el-card>
</div>

<script type="text/javascript">
	var Main = {
		data() { //添加内容
			return {
				date: ['卡片内容一',
				'卡片内容一', '卡片内容一', '卡片内容一'
				]
			};
		},
		methods: {
			//按钮绑定的点击事件
			handleNodeClick(data) {
				console.log(data);
			}
		}
	}
	var Ctor = Vue.extend(Main);
	new Ctor().$mount('#app8');
</script>
